<!--
- Copyright (C) 2024 HiHope Open Source Organization.
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-->
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<button type="button" onclick="htmlTest()">Click Me!</button>
<p id="demo"></p>
<p id="webDemo"></p>
<p id="asyncDemo"></p>
</body>
<script>
    function objTest() {
      // This function call expects to return 'ArkUI Web Component'
      let str = objName.test('webtest data');
      document.getElementById('demo').innerHTML = str;
      return str;
    }

    function asyncTestBool() {
      return objName.asyncTestBool(true);
    }

   function fakeTest() {
    try {
       objName.fake('webtest + data');
       return '';
    } catch (error) {
      return error.toString();
    }
  }

    function webTest() {
      let webStr = objTestName.webTest();
      document.getElementById('webDemo').innerHTML = webStr;
      return webStr;
    }

     function asyncTest() {
      objAsyncName.asyncTest();
      objAsyncName.asyncString('async test data');
    }

     function test() {
        console.log('Ark WebComponent');
        return 'This value is from index.html';
    }
</script>
</html>

